import { useState, useEffect, useRef } from 'react';
import styles from './style.less';
import { } from '@ant-design/icons';
import ProjectIcon from '@/components/projectIcon';
import { Droppable, Draggable } from 'react-beautiful-dnd';
import Block from '@/components/Scrum/Block';
import Task from '@/components/Scrum/Task';


const Lane = (props) => {
    const {
        provided = {
            innerRef: useRef()
        },
        index,
        laneData,
        laneListRender
    } = props;

    return (
        <div className={styles.container} style={{
        }}
            ref={provided.innerRef}
            {...provided.draggableProps}
            {...provided.dragHandleProps}
        >
             {laneListRender(laneData,index)}
             {provided.placeholder}
        </div>);
}

Lane.defaultProps = {
};
export default Lane;
